<template>
  <div>
    <div class="table_one">
      <div class="btn_box">
        <ul>
          <li class="transfer">
            <button>
              <img src="" alt="" />
              <span>转移</span>
            </button>
          </li>
          <li>
            <button>
              <img src="" alt="" />
              <span>结转</span>
            </button>
          </li>
          <li>
            <button>
              <img src="" alt="" />
              <span>归档</span>
            </button>
          </li>
          <li>
            <button>
              <img src="" alt="" />
              <span>删除</span>
            </button>
          </li>
          <li>
            <button>
              <img src="" alt="" />
              <span>导出</span>
            </button>
          </li>
          <li>
            <el-input v-model="input" placeholder="请输入内容"></el-input>
            <button class="inquire">
              <img src="" alt="" />
              <span>查询</span>
            </button>
          </li>
        </ul>
        <!-- 转移 -->
        <div>
          <el-select v-model="value" placeholder="请选择">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </div>
        <!-- 结转 -->

        <!-- 归档 -->

        <!-- 删除 -->

        <!-- 导出 -->

        <!-- 查询 -->
      </div>
      <div class="form_one">
        <el-table :data="tableData" style="width: 242">
          <el-table-column
            prop="project_name"
            label="项目名称"
            width="242"
          ></el-table-column>
          <el-table-column
            prop="Project_year"
            label="项目年度"
            width="242"
          ></el-table-column>
          <el-table-column
            prop="Project_deadline"
            label="项目期限"
            width="242"
          ></el-table-column>
          <el-table-column
            prop="Item_category"
            label="项目类别"
            width="242"
          ></el-table-column>
          <el-table-column
            prop="address"
            label="建设地址"
            width="242"
          ></el-table-column>
          <el-table-column
            prop="unit"
            label="实施单位"
            width="242"
          ></el-table-column>
          <el-table-column prop="status" label="状态" width="242">
            <el-button type="danger" round size="mini">审核中</el-button>
            <el-button type="primary" round size="mini">通过</el-button>
            <el-button type="info" round size="mini">未通过</el-button>
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "planningProject",
  data() {
    return {
      tableData: [
        {
          project_name: "卷钱跑路",
          Project_year: "卷钱跑路",
          Project_deadline: "卷钱跑路",
          Item_category: "卷钱跑路",
          address: "卷钱跑路",
          unit: "卷钱跑路",
          status: "卷钱跑路",
        },
      ],
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      input: "",
    };
  },
};
</script>
<style lang="less" scoped>
 .table_one {
          width: 100%;
          height: 600px;
          background-color: #ffffff;
          border: 1px solid #b4b3b3;
          .btn_box {
            width: 100%;
            height: 45px;
            border-bottom: 1px dashed black;
            li {
              float: left;
              margin-left: 20px;
              button {
                width: 70px;
                height: 30px;
                border: 1px solid #5ca9d3;
                background-color: #5ca9d3;
                border-radius: 10px;
                margin-top: 5px;
              }
              span {
                color: #fff;
              }
            }
            .transfer {
              margin-left: 10px;
            }
            .inquire {
              margin-left: 1150px;
              margin-top: -17px;
              float: left;
            }
          }
          .form_one {
            width: 100%;
            height: 100%;
            background-color: #fff;
          }
        }
</style>